@import '../../../../../../assets/style/variables.less';

.homePagePanoramicMonitoringPageLayerComponent {
    position: fixed;
    top: calc(@homePage-headerMenuComponent_height + 17px);
    right: 30px;
    bottom: 0;
    left: 30px;
    pointer-events: none;

    // background-color: red ;


    :global {
        .leaflet-div-icon {
            background-color: rgba(0, 0, 0, 0);
            border: none;
        }

        .leaflet-popup-content {
            width: fit-content;
        }

        .leaflet-popup-content-wrapper,
        .leaflet-popup-tip {
            background-color: rgba(0, 0, 0, 0);
            position: relative;
            box-shadow: none;
            left: 7px;
            // top: -5px;

        }

        .leaflet-touch .leaflet-control-layers,
        .leaflet-touch .leaflet-bar,
        .leaflet-top,
        .leaflet-bottom,
        .leaflet-container a.leaflet-popup-close-button {
            display: none;
        }
    }
}